<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局</title>
    <link rel="stylesheet" href="../CSSFile/index.css" type="text/css"/>
</head>
<body>

<div class="header">
    <h2>
        测试布局效果
    </h2>
</div>

<div class="link">
    <ul>
        <li>
            <a href="#" class="actvte">
                新博客
            </a>
        </li>
        <li>
            <a href="#">
                往期博客
            </a>
        </li>
        <li>
            <a href="#">
                日常吐槽
            </a>
        </li>
        <li>
            <a href="#">
                我的歌唱
            </a>
        </li>
    </ul>
</div>

<div class="main">
123
</div>

<div class="end">
    结尾
</div>

</body>
</html>